<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>p4</title>

  <style>
    div{
      width: 200px;
      height: 200px;
      border: 5px solid orange;
      margin: 100px auto;
      animation: true 3s linear infinite;
    }
    div:hover{
      animation-play-state: paused;
    }
    @keyframes true {
      100%{
        transform: rotate(360deg);
      }
    }

  </style>

</head>
<body>

<div></div>

</body>
</html>